import { Link } from 'react-router-dom';

const NotFound = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen p-4 text-center">
      <h1 className="text-9xl font-bold text-gray-300">404</h1>
      <h2 className="text-2xl font-semibold mt-4 mb-2">页面未找到</h2>
      <p className="text-gray-600 mb-6">抱歉，您请求的页面不存在或已被移除。</p>
      <Link
        to="/"
        className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
      >
        返回首页
      </Link>
    </div>
  );
};

export default NotFound; 